<!DOCTYPE html>
<html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<title>Login</title>
	
	<link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css"/>
	<link type="text/css" rel="stylesheet" href="resources/css/login.css"/>
	
	<meta charset="utf-8" />

</h:head>
<h:body>

	<header>
		<div class="header">
			<div class="container">
				<div class="row">
					<div class="span4">
						<figure style="text-align: center">
							<img width="128px" height="128px" src="resources/img/c.png" style="text-align: center" />
						</figure>	
						<h2 style="text-align: center; font-size: 45px;">Complementary</h2>
					</div>
				</div>
			</div>
		</div>
	</header>

	<div id="container">
		
		<h:form>
			<h3 style="text-align: center; font-size: 25px; margin-bottom: 15px">Efetue seu login</h3>
			<h:messages />
			<h:panelGrid columns="2" style="margin-left: 60px;">
				<h:outputLabel value="Login" for="login" style="margin-bottom: 15px"/>
				<h:inputText class="form-control" value="#{loginBean.login}"
					id="login" required="true" style="margin-bottom: 20px"
					requiredMessage="O campo login deve ser preenchido" />
				<h:outputLabel value="Senha" for="senha" style="margin-bottom: 15px"/>
				<h:inputSecret class="form-control" value="#{loginBean.senha}"
					id="senha" required="true" style="margin-bottom: 15px"
					requiredMessage="O campo senha deve ser preenchido" />
			</h:panelGrid>
			<h:commandButton class="btn btn-primary" value="Entrar"
				action="#{loginBean.fazerLogin}" style="margin-left:150px; padding-right:50px; padding-left:50px"/>
		</h:form>

	</div>

</h:body>
</html>